<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Garboyo | Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>

	  <div id="wrap">

<div id="header">

	<div class="header">
		<a ><img border=0 src="img/header1.jpg" /></a>
		
	</div>

</div>
</div>

  <body>
  
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="home.php">Home</a></li>
					 
              <li ><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <li><a href="galeri.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
			  <li><a href="penjadwalan.php">Penjadwalan</a></li>
				</li>
	      
		 
			
    	</ul>
		</div>
		
		       
		</div>
		</div>
	
	<div class="navbar-inner">
    <div>
	<!-- <div id="div_login" style=" float: left;">
		<form>
        <input type="text" class="span2" placeholder="Login"/>
        <input type="text" class="span2" placeholder="Password">
        <input type="submit" value="Login" class="btn"/>
		<input type="submit" value="Registrasi" class="btn"/>
    </form>
	</div> -->

	<div id="div_login" style=" float: right;">
		<form class="navbar-search pull-right" action="">
        <input type="text" class="search-query span2" placeholder="Search">
        </form>
		
		</div>
		</div>
		</div>
		

              </li><!-- dropdown -->
            </ul><!-- /.nav -->
          </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->


    <div class="container">

      <!--  Carousel -->
      <!--  consult Bootstrap docs at 
            http://twitter.github.com/bootstrap/javascript.html#carousel -->
      <div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/TB.jpg" alt="Taman Bungkul" />
            </a> 
            <div class="carousel-caption">
              <p>Taman Bungkul</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TS.jpg" alt="Taman Yos Sudarso" />
              <div class="carousel-caption">
              <p>Taman Yos Sudarso</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TL.jpg" alt="Taman Lansia" />
              <div class="carousel-caption">
              <p>Taman Lansia</p>
              </div>
          </div>
		  <div class="item">
              <img src="img/TPS.jpg" alt="Taman Pelangi" />
              <div class="carousel-caption">
              <p>Taman Pelangi</p>
              </div>
          </div>
		   <div class="item">
           <img src="img/TP.jpg" alt="Taman Prestasi" />
           <div class="carousel-caption">
              <p>Taman Prestasi</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
          <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div><!-- .carousel -->
      <!-- end carousel -->

      <!-- Example row of columns -->
	        <div class="row">
	      
	     
		</div>
		
      <div class="row">
	      
	    <div class="alert alert-block" style="width: 1173px; height: 900px;">
		<div class="alert alert-block" style="width: 1128px; height: 30px; ">
		<h1> Taman Surabaya </h1>
		 </div>
	<!--<div id="div_login" style=" float: right;">
    <ul class="thumbnails">
    <li class="span4">
    <div class="thumbnail">
      <iframe width="361" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.id/maps?f=q&amp;source=s_q&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308&amp;output=embed"></iframe>
      <br /><small><a href="https://maps.google.co.id/maps?f=q&amp;source=embed&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>
    </div>
    </li>
    </ul>
	
	</div> -->
		<h1></h1>
		<!-- Post Starts -->
			<div class="post arc">
			<h2><a href="taman.php" rel="bookmark" title="Taman Bungkul">Taman Bungkul</a></h2>
			<a title="Taman Bungkul" href="taman.php"><img src="img/TB.jpg" alt="Taman Bungkul" class="git-image fr" width="169" height="123"/></a>	<p class="post-meta">
			<span class="post-date">Nopember 24, 2012</span>
			<span class="post-category">in <a href="taman.php" title="Liat semua tentang Taman" rel="category tag">Taman</a></span>
			</p>
			<div class="entry">
			<p>Revitalisasi Taman Bungkul dengan konsep Sport, Education, dan Entertainment telah diresmikan sejak 21 Maret 2007. Area seluas 900 m2 yang dibangun dana sekitar Rp 1,2 milyar itu pun dilengkapi berbagai fasilitas, seperti skateboard & sepeda BMX track, jogging track, plaza (sebuah open stage yang bisa digunakan untuk live performance berbagai jenis entertainment)..[...]</p>
			</div><!-- /.entry -->
			<div class="post-more">
			<span class="btn"><a href="taman bungkul.php#respond" title="Komentar Anda Tentang Taman Bungkul">0 Komentar</a></span>
			<span class="btn"><a href="taman bungkul.php" rel="bookmark" title="Baca lebih ke Taman Bungkul">Baca lebih</a> &raquo;</span>
			</div>
			<div class="clear"></div>
			</div><!-- /.post -->
			
			<!-- Post Starts -->
			<div class="post arc">
			<h2><a href="taman.php" rel="bookmark" title="Taman Pelangi">Taman Pelangi</a></h2>
			<a title="Taman Pelangi" href="taman.php"><img src="img/TPS.jpg" alt="Taman Pelangi" class="git-image fr" width="169" height="123"/></a>	<p class="post-meta">
			<span class="post-date">Nopember 24, 2012</span>
			<span class="post-category">in <a href="taman.php" title="Liat semua tentang Taman" rel="category tag">Taman</a></span>
			</p>
			<div class="entry">
			<p>Dahulu, di Surabaya beberapa titik RTH (Ruang Terbuka Hijau) diijinkan untuk digunakan sebagai SPBU. Kemudian beberapa tahun lalu, RTH tersebut dikembalikan pada fungsi semula untuk memenuhi standar RTH yaitu 40% dari luas kota juga sebagai tanggapan Pemerintah Kota Surabaya atas isu pemanasan global. Taman-taman tersebut kemudian ditata dan dipercantik. Salah satu titik RTH tersebut berlokasi di Jl. Ahmad Yani yang merupakan pintu masuk kota Surabaya..[...]</p>
			</div><!-- /.entry -->
			<div class="post-more">
			<span class="btn"><a href="taman pelangi.php#respond" title="Komentar Anda Tentang Taman Pelangi">0 Komentar</a></span>
			<span class="btn"><a href="taman pelangi.php" rel="bookmark" title="Baca lebih ke Taman Pelangi">Baca lebih</a> &raquo;</span>
			</div>
			<div class="clear"></div>
			</div><!-- /.post -->
			
			<!-- Post Starts -->
			<div class="post arc">
			<h2><a href="taman.php" rel="bookmark" title="Taman Apsari">Taman Apsari</a></h2>
			<a title="Taman apsari" href="taman.php"><img src="img/cats.jpg" alt="Taman Pelangi" class="git-image fr" width="169" height="123"/></a>	<p class="post-meta">
			<span class="post-date">Nopember 24, 2012</span>
			<span class="post-category">in <a href="taman.php" title="Liat semua tentang Taman" rel="category tag">Taman</a></span>
			</p>
			<div class="entry">
			<p>Taman Apsari memiliki keunikan dibanding kawasan Surabaya lainnya. Taman yang berada di depan Gedung Grahadi itu terasa sejuk dan relatif tenang, meski tempatnya di tengah kota. Area ini di dalamnya terdapat Patung Suryo dan Joko Dolog. Di area seluas 5.300 m2 itu dilengkapi lebih kurang 20 jenis bunga dan tanaman. Di sela bunga dan tanaman itu disediakan jogging track yang nyaman untuk jalan-jalan..[...]</p>
			</div><!-- /.entry -->
			<div class="post-more">
			<span class="btn"><a href="taman apsari.php#respond" title="Komentar Anda Tentang Taman Apsari">0 Komentar</a></span>
			<span class="btn"><a href="taman apsari.php" rel="bookmark" title="Baca lebih ke Taman Apsari">Baca lebih</a> &raquo;</span>
			</div>
			<div class="clear"></div>
			</div><!-- /.post -->
          
		</div>
	  
	  
	  <div class="footer-widget">
      <h4>Temukan Kami Disini..</h4>
      <div id="social"> <a href="http://twitter.com/" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
    </div>

      <hr>
</div>

	
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 4000
        });
      });
    </script>

  </body>
</html>
